<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<%@ include file="/app_css/app_layout.jsp"%>
<!-- 公用标签 -->
<%@ include file="/common/inc.inc"%> 
<link href="${ctx}/api_demo/css/api_common.css" rel="stylesheet" type="text/css" />
</head>

<body class="bg_a">
<div class="api_com_position">
				        <span class="api_position_main">前端开发规范</span>|<span class="red_a">前端页面规范及注意事项</span>
 </div>
				 <div class="api_content">
				             <h1>提示类样式必须包含：app_layout.css</h1>
						   <ul>
						      <li>
								<div class="title_effect">
								  <h6>*常用背景重复box*:</h6>
								  <div style="height:50px" class=""></div>
							   </div>
							 </li>
							 <li>
								<div class="title_effect">
								  <h6>常用提示类样式:</h6>
								    <div class="app_msg_right" style="display:block">我是提示类的样式</div>
									<div class="app_msg_wrong m_t_8" style="display:block">我是提示类的样式</div>
							   </div>
							 </li>
							 <li>
							    <div class="app_tipsbox m_t_8"><h3>温馨提示</h3>
								<ul class="app_ul_a"><li><span>分享视频可以提高圈子估值，增加个人积分。</span></li><li><span>请输入视频网站中单一视频的网址，最新支持优酷。</span></li><li><span>还没人分享视频，我要做第一人！<a href="#" class="f30">我要分享</a></span></li>
								</ul>
								</div>
							 </li>
						   </ul>
						   <div class="p_t_8">
														   <div class="app_line_a m_t_8">
															   <em class="l"></em>
															   <em class="r"></em>
															</div>
														   
															
															<!--公用提示area-->
															<div class="app_tipsbox m_t_8">
																	 <div class="c account_noteicon_b">选择您喜欢的行业类型职位进行订阅,系统将定期为您提供好的职位提示</div>
																	<em class="em_tr"></em>
															 </div>
															
															 <div class="app_tipsbox m_t_8">
																	  <div class="c">
																			  <strong class="app_icon_deny"></strong>禁止提交哦
																	  </div>
																	<em class="em_tr"></em>
															 </div>
															  <div class="app_tipsbox m_t_8">
																	  <div class="c">
																			  <strong class="app_icon_error"></strong>提交错误，请重起尝试
																	  </div>
																	<em class="em_tr"></em>
															 </div>
															 <div class="app_tipsbox m_t_8">
																	  <div class="c">
																			  <strong class="app_icon_warn"></strong>系统警告，请重起输入
																	  </div>
																	<em class="em_tr"></em>
															 </div>
															 <div class="app_tipsbox m_t_8">
																	  <div class="c">
																			  <strong class="app_icon_right"></strong>温馨提示，输入正确
																	  </div>
																	<em class="em_tr"></em>
															 </div>
															 <div class="app_tipsbox m_t_8">
																  <div class="c account_noteicon">
																		最近一个月您推荐了  <span class="red_a f_b">1</span> 次！
																   </div>
																		<em class="em_tr"></em>
															 </div>
															 <div class="note_box_a c pad_8 m_t_8">
														          <div class="app_suc_icon"></div>
															  <div class="app_suc_info">圈子解散申请成功,Aceona审核不通过则解散失败! </div>
															  </div>
															  <div class="note_box_a c pad_8 m_t_8">
														          <div class=""></div>
															      <div class="app_tips_info">圈子禁止提交</div>
															  </div>
				                                              <div class="app_tipsbox m_t_8">
																   <h3>温馨提示</h3>
																   <ul class="app_ul_a">
																	<li>你尚未创建任何圈中圈,<a href="${ctx}/azone/azone_agree.jsp" title="点击这里" class="f30">点击这里</a>开始你的圈中圈经营吧!</li>
																   </ul>
																   <em class="em_tr"></em>
																</div>
															<!--公用提示end-->
															
															
															<!--生成的列表bec-->
															         
														   <!--生成的列表end-->
														   
														   <h1>搜索区域</h1>
														   <div class="app_btn_box tac m_t_8">
															 <button class="app_btn_b">立即搜索</button>
															 <button class="app_btn_b_cancel">重置搜索</button>
														  </div>
														  <div class="resume_tab_parent m_t_8"> 
			 <div>
						<ul class="app_tab_list">
						 <li><span><a title="" href="oneself_employ.jsp">推荐自己</a></span></li>
						 <li><span><a title="" href="recommend_for_friends.jsp">推荐给好友</a></span></li>
						 <li><span><a title="" href="recommend_for_zonefriends.jsp">推荐圈子好友</a></span></li>
						 <li class="current"><span><a title="" href="provide_clue.jsp">提供个线索</a></span></li>
						 <li><span><a title="" href="recommend_resume.jsp">推荐简历</a></span></li>
						 <li><span><a title="转发职位给好友" href="recommend_job_transmit.jsp">转发职位给好友</a></span></li>
						</ul>
			</div>
			
 <ul class="uc_secnavlist uc_sp_b" id="mainTab">
		<li class="" id="tabPositionForMe"><h2><a href="javascript:void(0)" title="推荐给我的职位">推荐给我的职位</a></h2></li>
		<li id="tabRecommendRecord" class="current"><h2><a href="javascript:void(0)" title="推荐记录">推荐记录</a></h2></li>
		<li id="tabSubscribePosition" class=""><h2><a href="javascript:void(0)" title="我订阅的职位">我订阅的职位</a></h2></li>
		<li id="tabFavoritePosition" class=""><h2><a href="javascript:void(0)" title="我的职位收藏夹">我的职位收藏夹</a></h2></li>
	</ul>
			
			<div class="app_listarea_a m_t_8"> 
								 <h3><span class="">您可能感兴趣的职位</span><a title="更多&gt;&gt;" href="#">更多&gt;&gt;</a></h3>
									   <ul class="app_ul_f">
										  <li><a href="/myaceona/careerinfo/check.do?corpID=1779&amp;jobID=12402" target="_blank">项目经理</a></li>  
										  <li><a href="/myaceona/careerinfo/check.do?corpID=1318&amp;jobID=12384" target="_blank">给排水工程师</a></li>  
										  <li><a href="/myaceona/careerinfo/check.do?corpID=933&amp;jobID=12383" target="_blank">J2EE工程师</a></li>  
										  <li><a href="/myaceona/careerinfo/check.do?corpID=933&amp;jobID=12381" target="_blank">java高级软件工程师</a></li>  
										  <li><a href="/myaceona/careerinfo/check.do?corpID=1043&amp;jobID=12380" target="_blank">高级调音工程师</a></li>  
									</ul>
								 </div>
								 <div class="app_listarea_a m_t_8"> 
								 <h3><span class="">您可能感兴趣的圈子</span><a title="更多&gt;&gt;" href="#">更多&gt;&gt;</a></h3>
									   <ul class="app_zlist_a">
										  <li>
										      <a class="zone_icon_a" href="http://f1.aceona.com:9000/uploadimg/thumbnailpath/2010/6/1/1275349434813.jpg"><img src="http://f1.aceona.com:9000/uploadimg/thumbnailpath/2010/6/1/1275349434813.jpg" alt="百家讲坛" class=""></a>
											  <div class="zone_li_r">
													  <a class="f_b" title="互联网创业" href="#">互联网创业 (Internet Startup Bootcamp)</a>
													  <p>成员：1885</p>
											  </div>
											  <em class="shut_em"></em>
										  </li>
										  <li><a class="zone_icon_a" href="http://f1.aceona.com:9000/uploadimg/thumbnailpath/2010/6/1/1275349434813.jpg"><img src="http://f1.aceona.com:9000/uploadimg/thumbnailpath/2010/6/1/1275349434813.jpg" alt="百家讲坛" class=""></a>
											  <div class="zone_li_r">
													  <a class="f_b" title="互联网创业" href="#">互联网创业 (Internet Startup Bootcamp)</a>
													  <p>成员：1885</p>
											  </div>
											  <em class="shut_em"></em>
										  </li>
										  <li>
										      <a class="zone_icon_a" href="http://f1.aceona.com:9000/uploadimg/thumbnailpath/2010/6/1/1275349434813.jpg"><img src="http://f1.aceona.com:9000/uploadimg/thumbnailpath/2010/6/1/1275349434813.jpg" alt="百家讲坛" class=""></a>
											  <div class="zone_li_r">
													  <a class="f_b" title="互联网创业" href="#">互联网创业 (Internet Startup Bootcamp)</a>
													  <p>成员：1885</p>
											  </div>
											  <em class="shut_em"></em>
										  </li>  
									</ul>
								 </div>
 </div>
														</div>
				 </div>
    <script type="text/ecmascript" src="${ctx}/app_js/jquery.js"></script>
   <script type="text/javascript" src="${ctx}/api_demo/api_js/api_test.js"></script>
   <script type="text/javascript" src="${ctx}/api_demo/api_js/api_voke.js"></script>
</body>
</html>
